<script setup>


</script>




<template>
 
  <el-menu  active-text-color="#123456" background-color="#fff" class="el-menu-vertical-demo" default-active="2"
    text-color="#000" @open="handleOpen" router @close="handleClose">
  <el-menu-item class="logo">
  <span>云端中国城</span>  
  </el-menu-item>
  
    <el-menu-item index="1">
      <el-icon>
        <i class="icon iconfont icon-setupb"></i>
      </el-icon>
      <span>设置</span>
    </el-menu-item>


    <el-sub-menu index="2">
      <template #title>
        <el-icon>
          <i class="icon iconfont icon-yonghuguanli1"></i>
        </el-icon>
        <span>用户管理</span>
      </template>

      <el-menu-item index="2-1">·管理组</el-menu-item>
      

     

      <el-sub-menu index="2-2">
        <template #title>·用户组</template>
        <el-menu-item index="2-2-1">·本站用户</el-menu-item>
        <el-menu-item index="2-2-2">·标签管理</el-menu-item>
      </el-sub-menu>
    </el-sub-menu>
    <el-menu-item index="3">
      <el-icon><i class="icon iconfont icon-guafenjiangchi
"></i></el-icon>
      <span>奖池管理</span>
    </el-menu-item>
    <el-menu-item index="4">
      <el-icon>
        <i class="icon iconfont icon-zhubo
"></i>

      </el-icon>
      <span>主播认证</span>
    </el-menu-item>
    <el-menu-item index="5">
      <el-icon>
        <i class="icon iconfont icon-zhibo
"></i>
      </el-icon>
      <span>直播管理</span>
    </el-menu-item>
    <el-menu-item index="6">
      <el-icon>
        <i class="icon iconfont icon-shipin
"></i>
      </el-icon>
      <span>视频管理</span>
    </el-menu-item>
    <el-menu-item index="7">
      <el-icon>
        <i class="icon iconfont icon-caiwu
"></i>
      </el-icon>
      <span>财务管理管理</span>
    </el-menu-item>
    <el-menu-item index="8">
      <el-icon>
        <i class="icon iconfont icon-jiazu
"></i>
      </el-icon>
      <span>家族管理</span>
    </el-menu-item>
    <el-menu-item index="9">
      <el-icon>
        <i class="icon iconfont icon-daoju
"></i>
      </el-icon>
      <span>道具管理</span>
    </el-menu-item>
    <el-menu-item index="10">
      <el-icon>
        <i class="icon iconfont icon-hongbao
        "></i>
      </el-icon>
      <span>红包管理</span>
    </el-menu-item>
    <el-menu-item index="11">
      <el-icon>
        <i class="icon iconfont icon-shouhu
        "></i>
      </el-icon>
      <span>守护管理</span>
    </el-menu-item>
    <el-menu-item index="12">
      <el-icon>
        <i class="icon iconfont icon-dengji
        "></i>
      </el-icon>
      <span>等级管理</span>
    </el-menu-item>
    <el-menu-item index="13">
      <el-icon>
        <i class="icon iconfont icon-yaoqingjiangli
"></i>
      </el-icon>
      <span>邀请奖励</span>
    </el-menu-item>
    <el-menu-item index="14">
      <el-icon>
        <i class="icon iconfont icon-xingyundazhuanpan
        "></i>
      </el-icon>
      <span>大转盘</span>
    </el-menu-item>
    <el-menu-item index="15">
      <el-icon>
        <i class="icon iconfont icon-denglu
        "></i>
      </el-icon>
      <span>登录奖励</span>
    </el-menu-item>
    <el-menu-item index="16">
      <el-icon>
        <i class="icon iconfont icon-xiaoxiguanli
        "></i>
      </el-icon>
      <span>消息管理</span>
    </el-menu-item>
    <el-menu-item index="17">
      <el-icon>
        <i class="icon iconfont icon-neirongguanli
        "></i>
      </el-icon>
      <span>内容管理</span>
    </el-menu-item>
    <el-menu-item index="18">
      <el-icon>
        <i class="icon iconfont icon-chajianzhongxin
        "></i>
      </el-icon>
      <span>插件中心</span>
    </el-menu-item> <el-menu-item index="19">
      <el-icon>
        <i class="icon iconfont icon-gouwushangchang
        "></i>
      </el-icon>
      <span>购物商场</span>
    </el-menu-item>
    <el-menu-item index="20">
      <el-icon>
        <i class="icon iconfont icon-qz
        "></i>
      </el-icon>
      <span>圈子</span>
    </el-menu-item>
  </el-menu>
</template>

<style scoped>
@import url('../assets/iconfont.css');
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 280px;
}
.el-menu {
  
  background-color: white;


}

.el-menu-item.logo {
  
  height: 60px;
  background-color: deepskyblue;
  color: white;
  letter-spacing: 8px;
  text-align: center;

  line-height: 60px;
  font-size: 22px;

}

.el-menu-items.isactive {
  background-color: rgb(149, 61, 217);
  color: #123456;
}
</style>